<script type="text/javascript" src="<?=base_url()?>/js/jquery.dataTables.min.js"></script>
<div class="facilities-wrapper">
	<div class="facilities-place ui-widget-content ui-corner-all">
		<h3 class="widget-header ui-widget-header ui-corner-all">Training Point</h3>
		<div class="widget-content">
			<table class="facilities-point ui-widget-content">
				<thead>
					<th>No</th>
					<th>Picture</th>
					<th>Point Name</th>
					<th>Seats</th>
					<th>Device</th>
				</thead>
				<tfoot>
					<th>No</th>
					<th>Picture</th>
					<th>Point Name</th>
					<th>Seats</th>
					<th>Device</th>
				</tfoot>
				<tbody>
					<tr>
						<td class="center">1</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/slc.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Self-learning center Room</a></td>
						<td>20</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">2</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/audition.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Audition Room</a></td>
						<td>8</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">3</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/board.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Board Room</a></td>
						<td>12</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">4</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/canteen.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Canteen</a></td>
						<td>220</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">5</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/cbline.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">CB Line</a></td>
						<td>N/A</td>
						<td>CB Machine, Control Panels</td>
					</tr>
					<tr>
						<td class="center">6</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/fcv stadium.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">FCV Stadium</a></td>
						<td>N/A</td>
						<td>N/A</td>
					</tr>
					<tr>
						<td class="center">7</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/finoline.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">FINO Lines</a></td>
						<td>N/A</td>
						<td>FINO Machine, Control Panels</td>
					</tr>
					<tr>
						<td class="center">8</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/friso.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Friso Room</a></td>
						<td>30</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">9</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/Fristi.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Fristi Room</a></td>
						<td>30</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">10</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/ladline.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">LAD Lines</a></td>
						<td>N/A</td>
						<td>LAD Machine, Control Panels</td>
					</tr>
					<tr>
						<td class="center">11</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/scmline.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">SCM Lines</a></td>
						<td>N/A</td>
						<td>SCM Machine, Control Panels</td>
					</tr>
					<tr>
						<td class="center">12</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/technical.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Technical Training Room</a></td>
						<td>10</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">13</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/tpline.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">TP Lines</a></td>
						<td>N/A</td>
						<td>TP Machine,   Control Panels</td>
					</tr>
					<tr>
						<td class="center">14</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/trade.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Trade Maketing Room</a></td>
						<td>8</td>
						<td>Projector, TV, ....</td>
					</tr>
					<tr>
						<td class="center">15</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/ultility.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Ultility Workshop</a></td>
						<td>N/A</td>
						<td>Machanical Machines</td>
					</tr>
					<tr>
						<td class="center">16</td>
						<td class="center"><img class="facilities-pic" src="<?=base_url()?>/images/facilities/point/yomost.png"></td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Yomost Room</a></td>
						<td>8</td>
						<td>Projector, TV, ....</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div class="facilities-software ui-widget-content ui-corner-all">
		<h3 class="widget-header ui-widget-header ui-corner-all">Training Software</h3>
		<div class="widget-content">
			<table class="facilities-soft ui-widget-content">
				<thead>
					<th>No</th>
					<th>Software Name</th>
					<th>Course</th>
					<th>Download</th>
				</thead>
				<tfoot>
					<th>No</th>
					<th>Software Name</th>
					<th>Course</th>
					<th>Download</th>
				</tfoot>
				<tbody>
					<tr>
						<td class="center">1</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">H2O2 Spraying process</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
					<tr>
						<td class="center">2</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Operation of Filling Valve Systeme</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
					<tr>
						<td class="center">3</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Cutting process</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
					<tr>
						<td class="center">4</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Jaw moving process</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
					<tr>
						<td class="center">5</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Adjustment Process for Volum Flap</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
					<tr>
						<td class="center">6</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Adjustment Process for Folding Flap</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
					<tr>
						<td class="center">7</td>
						<td><a href="<?=base_url()?>index.php/home/facilities_detail">Line Procedure</a></td>
						<td>N/A</td>
						<td class="center"><button class="download"></button></td>
					</tr>
				</tbody>
			</table>
		</div>
</div>
<script type="text/javascript">
	$('.facilities-point').dataTable({
		"bLengthChange": false,
        "sScrollY": "470",
        "bJQueryUI": true,
        "iDisplayLength": "100",
        "sPaginationType": "full_numbers",
        "bInfo": false,
        "sDom": '<"toolbar">frtip',
        "aoColumns":[
        	{"bSortable": false},
        	{"bSortable": false},
        	null,
        	null,
        	null
        ]
    });

    $('.facilities-soft').dataTable({
		"bLengthChange": false,
        "sScrollY": "470",
        "bJQueryUI": true,
        "iDisplayLength": "100",
        "sPaginationType": "full_numbers",
        "bInfo": false,
        "sDom": '<"toolbar">frtip',
        "aoColumns":[
        	null,
        	null,
        	null,
        	null
        ]
    });

	$(".facilities-point tbody tr").each(function(){
    	$(this).mouseover(function(){
    		$(this).addClass("ui-state-active");
    	}).mouseout(function(){
    		$(this).removeClass("ui-state-active");
    	});
    });

    $(".facilities-soft tbody tr").each(function(){
    	$(this).mouseover(function(){
    		$(this).addClass("ui-state-active");
    	}).mouseout(function(){
    		$(this).removeClass("ui-state-active");
    	});
    });

    $(".download").button({
    	icons:{
    		primary: "ui-icon-arrowthickstop-1-s"
    	},
    	text: false
    }).removeClass("ui-widget");
</script>